<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>section标签 要习惯用section代替div</title>
    <!-- section的英文意思是部分的意思，也就是一块区域，在html5中，其具体含义是定义文档中的一块区域，主要是用来替代div布局 -->
    <style type="text/css">
        body,dl,dd,dt,p,h1,h2,h3,h4,h5,h6{ margin: 0;}
        ul,ol{margin: 0; list-style: none; padding: 0;}
        a{ text-decoration: none; }
        *{ margin: 0; padding: 0; }
        section.main{width: 1200px;height: 80px;box-shadow: 0 0 10px 0 deeppink;margin: 30px auto;line-height: 80px;text-align: center}
    </style>
</head>
<body>
<section class="main">
    这是一个类似div标签的section标签
</section>
</body>
</html>